.user-item {
	display: flex;
	align-items: center;
	position: relative;
	padding: 2px 5px;
	border-bottom: 1px solid #e8e8e8;
}

.user-item:active {
	background: #e8e8e8;
}

.user-item .image {
	width: 60px;
	height: 60px;
	flex-shrink: 0;
}

.user-item .image image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	margin: 5px;
}

.user-item .text {
	flex-grow: 1;
}

.user-item .text .name {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.user-item .text .newmsg {
	font-size: 14px;
	line-height: 16px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width:100%;
}

.user-item .tips {
	position: absolute;
	top: 0;
	right: 0;
}
.user-item .tips .badge{
	display: inline-block;background:red;color:#fff;font-size: 12px;line-height: 16px;padding:0 5px 1px;border-radius: 10px;
	margin: 10px 10px 0 0;
}